<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>

</body>

<script>
	// * 函数是包裹在花括号中的代码块.
    // const fn = function(){
	// 	// 函数的代码块，函数体
    // }
	// * 前面使用了关键词function.
	// const fn = function(){
	//
	// }
	// function fn2(){
	//
	// }
	// const fn3 = new Function('a','b','return a+b;');
	// // 相当于：const fn3 = function(a,b){return a+b};
	// console.log(fn3(1,2));// 3
	
	// * 调用该函数时,会执行函数内的代码。
	// function fn(){
	// 	console.log("fn");
	// }
	// fn();
	// * 可以在某事件发生时直接调用函数(比如当用户点击按钮时)
	// const btn = document.querySelector("button");
	// btn.onclick = function(){
	// 	console.log("over");
	// }
	// * 并且可由JavaScript在任何位置进行调用。
	fn();
	function fn(){
		console.log("fn");
	}
	fn();
</script>
<script>
	fn();
</script>
</html>